<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::Happy - DTAC Prepaid Phone::</title>
<link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/global-en.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css">
<script src="${RESOURCE}/eng/include/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/security.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
function printWindow(){
browserVersion = parseInt(navigator.appVersion)
if (browserVersion >= 4) window.print()
}

function include(xUrl,xId) {
  var xmlhttp = false;
  /*@cc_on @*/
  /*@if (@_jscript_version >= 5)

  // JScript gives us Conditional compilation, we can cope with old IE versions.
  // and security blocked creation of the objects.
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
   }

  /*@end @*/
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }

  xmlhttp.open("GET", xUrl,true);
  xmlhttp.onreadystatechange=function() {
          if (xmlhttp.readyState==4) {
                document.getElementById(xId).innerHTML = xmlhttp.responseText;
          }
  }
  xmlhttp.send(null)
}
//Happy Register
function setrdOccp(action) {
		var frm = document.forms[0];
		if(action == 'clear') {
			frm.txtOccp.value="";
		}
}

function setrdInds(action) {
		var frm = document.forms[0];
		if(action == 'clear') {
			frm.txtInds.value="";
		} 
}

function setCheck(field,i){
	field[i].checked = true ;
}

function setFocusClear(objname,txtname){
	if (haveValueInCheckBox(objname,"00"))
	{
	txtname.focus();
	}else{
	txtname.value="";
	}
}

	function isCorrectCitizenID(citizen) {
		//var f = document.forms[0]; 
		/*
		var validCitizenID = /^[0-9]{13}$/;
		var errorMessage = "";
		if ( !validCitizenID.test(citizen) ) 
			errorMessage += "- ID Card Number must be in numeric and have 13 digit  , Please retry again \n";
		if ( errorMessage.length > 0 ) {
			alert(" Sorry :\n\n" + errorMessage);
			return false;
		}
		return true;
		*/
		var errorMessage = "";
		if(!checkIdCard(citizen))
			errorMessage += "- ID Card Number must be in numeric and have 13 digit  , Please retry again \n";
		if ( errorMessage.length > 0 ) {
			alert(" Sorry :\n\n" + errorMessage);
			return false;
		}
		return true;
		
	}
	function haveNumber(txtObj){
		var newValue = txtObj;
		var newLength = newValue.length;
		for(var i = 0;i != newLength; i++) {
			aChar = newValue.substring(i,i+1);
			if(aChar > "0" && aChar < "9"){				
				return true;
			}
		}
		return false;  		
	}

	function isCorrectSim(sim){ 
		
		var validMobile = /^[0-9]{9}$/;
		var errorMessage = "";  
	if ( !validMobile.test(sim) ) errorMessage += "- Mobile Number must have 9 digit  \n and must be in numeric only \n"; 
		if ( errorMessage.length > 0 ) {
			alert("The information is incorrect :\n\n" + errorMessage);
			return false;
		} 
		return true;
	}
	function emptyField(textObj){
		if (textObj.value.length == 0) 
			return true;
		for (var i=0; i<textObj.value.length; ++i) {
			var ch = textObj.value.charAt(i);
			if(ch != ' ' && ch != '\t') 
				return false;
		}
		return true;
	}
	function isCheckBoxEquValue(objNumb,value){
		for(var i=0;i<objNumb.length;i++){
			if(objNumb[i].checked){
				if(objNumb[i].value == value){
					return true;
				}
				return false;
			}
		}
		if(objNumb.checked){
				if(objNumb[i].value == value){
					return true;
				}
		}
		return false;
	}

	function isNoCheckBox(objNumb){
		for(var i=0;i<objNumb.length;i++){
			if(objNumb[i].checked){		
				return false;
			}
		}
		if(objNumb.checked){
			return false;
		}
		return true;
	}

	function haveValueInCheckBox(objNumb,value){
	//alert("1");
		for(var i=0;i<objNumb.length;i++){
	//	alert("2");
			if(objNumb[i].checked){	
		//		alert("3 "+objNumb[i].value);
				if(objNumb[i].value == value){
					//alert("4");
					return true;
				}				
			}
		}
		return false;
	}

	function isSelectList(obj , valueChk){
		if(obj == valueChk){
			return true;
		}
		return false;
	}
	function isInt(textObj){
		var newValue = textObj;
		var newLength = newValue.length;
		for(var i = 0;i != newLength; i++) {
			aChar = newValue.substring(i,i+1);
			if(aChar < "0" || aChar > "9"){				
				return false;
			}
		}
		return true;  
	}
	function cancel(){
		document.form.func.value = "Mode_Cancel";
		document.form.submit();	
	}
	function accecptReg(){
		//alert("ssss");
		if(checkField()){
			var mode = document.form.displayMode.value;
			if( mode == "Mode_Insert"){
				document.form.func.value = "Mode_Preview";
			}else if(mode=="Mode_Preview"){
				document.form.func.value = "Mode_Save";
			}else{
				document.form.func.value = "Mode_Cancel";	
			}
			document.form.submit();
		}
	}
function setFocusOtherPhoe(i){	
	var o =  document.form.othNumb[i].value;
	if(o == null || o == ""){
		return;
	}
	if(!isInt(o)){		
		document.form.othNumb[i].value = "";
		return;
	}
	if(i == 0){
		if(o != 0){
			document.form.othNumb[i].value = "";	
			alert("Please start with '0' ");
			return;
		}
	}
	//document.form.othNumb[i].focus();
	if((i+1) < 9){
		document.form.othNumb[i+1].focus();
	}
}

  function isDate(date,month,year) {
		var totald = 30;
		if (month == 1 
			|| month == 3
			|| month == 5
			|| month == 7
			|| month == 8
			|| month == 10
			|| month == 12) totald = 31;
		if (month == 2) {
			//var year = date.getYear();
			if (year % 4 == 0 && (year % 400 == 0 || year % 100 != 0))
		 		totald = 29;
			else
				totald = 28;
		}
		//return totald;
		if(date <= totald){
			return true;
		}
		return false;
  }
  
//Edited by Srisrithanin on 2009-08-19 for Risk Mitigation
//	function chkEmail(obj){
//		if(obj.indexOf("@") > 0  && obj.indexOf(".") > 0 ){
//			return true;
//		}
//		return false;
//	}
	function chkEmail(obj){
		var filter  = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if (filter.test(obj) ) {
			return true;
		}
		return false;
	}

	function checkTextNumber(field) {
		var sText = field.value;
		var filter = /^[0-9]+$/;
		var Char; 
		var newText = "";
		var isInvalid = false;
		for (i = 0; i < sText.length; i++) { 
			Char = sText.charAt(i); 
			if (filter.test(Char) ) {
				newText += Char;
			}else{
				isInvalid = true;
			}
		}
		if (isInvalid){
			field.value = newText;
		}
	}

	function checkTextNoScript(field) {
		var sText = field.value;
		//var filter = /^([a-zA-Z0-9_\.\-\@])+$/;
		//var filter = /[!#$&*=\';/|\"<>]/;
		var Char; 
		var newText = "";
		var isInvalid = false;
		for (i = 0; i < sText.length; i++) { 
			Char = sText.charAt(i); 
			if (!filter.test(Char) ) {
				newText += Char;
			}else{
				isInvalid = true;
			}
		}
		if (isInvalid){
			field.value = newText;
		}
	}

	function checkTextEmail(field) {
		var sText = field.value;
		var filter = /^([a-zA-Z0-9_\.\-\@])+$/;
		var Char; 
		var newText = "";
		var isInvalid = false;
		for (i = 0; i < sText.length; i++) { 
			Char = sText.charAt(i); 
			if (filter.test(Char) ) {
				newText += Char;
			}else{
				isInvalid = true;
			}
		}
		if (isInvalid){
			field.value = newText;
		}
	}

function checkField(){ 
		var f = document.forms[0];
		
		if(false){
		
		}else if(emptyField(f.name)){
			alert("Please specify Name");
			f.name.focus();
		}else if(emptyField(f.surname)){
			alert("Please specify Last name");
			f.surname.focus();
		}else if(haveNumber(f.name.value)){
			alert("Please retry again .Name is incorrect.  must be in letter only  ");
			f.name.focus();
		}else if(haveNumber(f.surname.value)){
			alert("Please retry again .Surname is incorrect. must be in letter only  ");
			f.surname.focus();

		}else if(isNoCheckBox(document.form.rdGndr)){
			alert("Please select gender");
			f.rdGndr[0].focus();
		}else if (isSelectList(f.briDate.value,"00")){
			alert("Please select your Birthday");
			f.briDate.focus();
		}else if (isSelectList(f.briMonth.value,"00")){
			alert("Please select your Birthday");
			f.briMonth.focus();
		}else if (isSelectList(f.briYear.value,"00")){
			alert("Please select your Birthday");
			f.briYear.focus();
		}else if (!isDate(f.briDate.value,f.briMonth.value,f.briYear.value)){
			alert("Birthday is incorrect");
			f.briDate.focus();
		}else if(isSelectList(f.cardType.value,"00")){
			alert("Please select a Type of Card");
			f.cardType.focus();
		}else if(isSelectList(f.cardType.value,"01") && !isCorrectCitizenID(f.numbCard.value) ){
			f.numbCard.focus();
		}else if(!isSelectList(f.cardType.value,"01") && emptyField(f.numbCard) ){
			alert("Please fill out Card ID");
			f.numbCard.focus();
		}else if(emptyField(f.addrNumb) ){
			alert("Please specify Address ");
			f.addrNumb.focus();
		}else if(emptyField(f.addrRd)){
			alert("Please specify Address");
			f.addrRd.focus();
		}else if(emptyField(f.addrKwng)){
			alert("Please specify Address");
			f.addrKwng.focus();
		
		}else if(isSelectList(f.inputProvince.value,"00")){
			alert("Please select Province");
			f.inputProvince.focus();
		}else if(emptyField(f.inputDistrict)){
			alert("Please select Province");
			f.inputProvince.focus();
		}else if(emptyField(f.inputZipCode)){
			alert("Please select Province");
			f.inputProvince.focus();
			
		}else if(haveValueInCheckBox(document.form.cbxCpgnSrc,"00") && emptyField(f.txtCpgnSrc)){
			alert(" Please select where do you found Happy ");
			f.txtCpgnSrc.focus();
		}else if(!emptyField(f.txtCpgnSrc) && !haveValueInCheckBox(document.form.cbxCpgnSrc,"00")){
			alert("Please select where do you found Happy ");
			f.cbxCpgnSrc[0].focus();

		}else if(haveValueInCheckBox(document.form.rdOccp,"00") && emptyField(f.txtOccp)){
			alert("Please select Occupation ");
			f.txtOccp.focus();
		}else if(!emptyField(f.txtOccp) && !haveValueInCheckBox(document.form.rdOccp,"00")){
			alert("Please select Occupation ");
			f.rdOccp[0].focus();

		}else if(haveValueInCheckBox(document.form.rdInds,"00") && emptyField(f.txtInds)){
			alert("Please select Job title ");
			f.txtInds.focus();
		}else if(!emptyField(f.txtInds) && !haveValueInCheckBox(document.form.rdInds,"00")){
			alert("Please select Job title ");
			f.rdInds[0].focus();
		}else if(!emptyField(f.email) && !chkEmail(f.email.value)){
			//alert("You didn’t specify a valid Email.\n Please try again");
			alert("Please Check Your E-mail");
			f.email.focus();
		}else{	
			return true;
		}
		return false;
	}
	
	function getZipCode() {
		var mode = document.form.displayMode.value;
		if(mode=="Mode_Preview"){
			return;
		}
		if(isSelectList(document.form.inputProvince.value,"00")){
			alert("Please select Province ");
			f.inputProvince.focus();
			return;
		}
 		var psel = document.forms[0].inputProvince;
		var pValue= psel.options[psel.selectedIndex].value;
		//var intMark=pValue.indexOf("-");
		//var pcode = pValue.substring(0,intMark);
		var pcode = pValue;
		var win = window.open("/bp3/bin/PostCodeDetail?pcode=" + pcode +"&lang=E","name", "width=500, height=300, scrollbars=1");
}
</script>

</head>
<body>
<div id="header">
    <%@include file="../head.jsp" %>
</div>

<div id="container">
	<div id="pathway"><a href="/bp3/bin/DpromptIndex" class="link2">Web Service</a> > <a href="/bp3/bin/Dspc/DpromptWelcome"  class="link2">Profile and Service</a> &gt; Happy Bank </div>
	<div id="main">
    	<%@ include file="../menu.jsp" %>
    	<div id="content">
        	<div class="content-middle">
                
                <!--เนื้อหาเริ่มที่นี่-->
                <h3><img src="${RESOURCE}/eng/images/14_webservice_head01.gif"></h3>
               	<table width="100%" cellpadding="2" cellspacing="2" height="500">
                  	<tr>
                    	<td valign="top">
                        
                        								  <form name="form" method="post" action="">
                                <table width="650" border="0" cellspacing="0" cellpadding="0">
                                  <!--SVLT.VAR:CONF_TOP-->
                                  <tr> 
                                    <td><table width="100%" border="0" cellspacing="3" cellpadding="0">
                                        <tr> 
                                          <td width="2%"><img src="${RESOURCE}/eng/images/14_webservice_bullet01.gif" width="9" height="9"></td>
                                          <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/eng/images/14_webservice_subtitle23.gif" width="182" height="22"></td>
                                        </tr>
                                        <tr> 
                                          <td>&nbsp;</td>
                                          <td class="textnormal">You can easily 
                                            apply or check your Happy Bank benefit 
                                            here.<br> <br></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr> 
                                    <td height="50" align="center" valign="bottom"> 
                                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr> 
                                          <td background="${RESOURCE}/eng/images/14_webservice_tabline.gif">&nbsp;</td>
                                          <td width="202"><img src="${RESOURCE}/eng/images/14_bank_tab01_o.gif" alt="สมัครบริการบัญชีแฮปปี้แบงก์ออนไลน์" width="233" height="43" border="0"></td>
                                          <td width="202" background="${RESOURCE}/eng/images/14_webservice_tabline.gif"></td>
                                          <td background="${RESOURCE}/eng/images/14_webservice_tabline.gif">&nbsp;</td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr> 
                                    <td align="left">
                                      <!--SVLT.LOOP:error-->
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td align="center" class="textnormalred"> 
                                            <!--SVLT.VAR:errorMsg-->
                                          </td>
                                        </tr>
                                      </table>
                                      <!--SVLT.END:error-->
                                    </td>
                                  </tr>
                                  <!--SVLT.LOOP:verify-->
                                  <tr>
                                    <td  class="head"><br>
                                      <span class="textnormal_bold"><font color="#FF0000" size="+1">Please 
                                      review your information before registration</font></span><br>
                                      <br>
                                      
                                    </td>
                                  </tr>
								  <!--SVLT.END:verify-->
                                  <tr> 
                                    <td align="left"> <br> <br>
                                      The box with <font color="#FF0000"><img src="${RESOURCE}/eng/images/st_r.gif" width="8" height="8"></font> 
                                      is required. You cannot leave it blank.<br> 
                                      <br> <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="32%" class="textnormal_bold">Your 
                                            Happy Mobile Number<font color="#FF0000">*</font> 
                                          </td>
                                          <td width="68%"> <input  name="subrNumb" type="text" id="subrNumb2" style="text-align: center;"  value="<!--SVLT.VAR:subrNumb0-->" size="1" maxlength="1" class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="subrNumb2" type="text" id="subrNumb2" style="text-align: center;"  value="<!--SVLT.VAR:subrNumb1-->" size="1" maxlength="1" class="txt_search_c04" autocomplete="off" readonly />
                                            - 
                                            <input name="subrNumb2" type="text" id="subrNumb2" style="text-align: center;" value="<!--SVLT.VAR:subrNumb2-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="subrNumb2" type="text" id="subrNumb2" style="text-align: center;" value="<!--SVLT.VAR:subrNumb3-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="subrNumb2" type="text" id="subrNumb2" style="text-align: center;" value="<!--SVLT.VAR:subrNumb4-->" size="1" maxlength="1" class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="subrNumb2" type="text" id="subrNumb2"style="text-align: center;"  value="<!--SVLT.VAR:subrNumb5-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" readonly />
                                            - 
                                            <input name="subrNumb2" type="text" id="subrNumb2" style="text-align: center;" value="<!--SVLT.VAR:subrNumb6-->" size="1" maxlength="1" class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="subrNumb2" type="text" id="subrNumb2" style="text-align: center;" value="<!--SVLT.VAR:subrNumb7-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="subrNumb2" type="text" id="subrNumb2"style="text-align: center;"  value="<!--SVLT.VAR:subrNumb8-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="subrNumb2" type="text" id="subrNumb2"style="text-align: center;"  value="<!--SVLT.VAR:subrNumb9-->" size="1" maxlength="1" class="txt_search_c04" autocomplete="off" readonly /> 
                                            <input name="allSubrNumb" type="hidden" id="allSubrNumb" value="<!--SVLT.VAR:allSubrNumb-->" /> 
                                            <input name="displayMode" type="hidden" id="func" value="<!--SVLT.VAR:displayMode-->" /> 
                                            <input name="lang" type="hidden" id="lang" value="en" /></td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td align="left" class="textnormal_bold">Name 
                                            <font color="#FF0000">* </font></td>
                                          <td> <input name="name" type="text" id="name" value="<!--SVLT.VAR:name-->" class="txt_search_c04"  size="25" maxlength="25" 
                                            <!--SVLT.VAR:readonly--> onkeyup='checkTextNoScript(this);' onblur='checkTextNoScript(this);'
                                            /> </td>
                                          <td width="16%" class="textnormal_bold">Surname 
                                            <font color="#FF0000">*</font> </td>
                                          <td width="47%"><input name="surname" type="text" id="surname" value="<!--SVLT.VAR:surname-->"  class="txt_search_c04" size="25" maxlength="25" 
                                            <!--SVLT.VAR:readonly--> onkeyup='checkTextNoScript(this);' onblur='checkTextNoScript(this);'
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td width="15%" align="left" class="textnormal_bold">Gender 
                                            <font color="#FF0000">*</font> </td>
                                          <td width="26%" class="textnormal"> <input name="rdGndr" type="radio" value="M"  
                                            <!--SVLT.VAR:gndrM-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Male <input name="rdGndr" type="radio" value="F"  
                                            <!--SVLT.VAR:gndrF-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Female</td>
                                          <td colspan="2" class="textnormal_bold"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                              <tr> 
                                                <td width="120" align="left" class="textnormal_bold">Date 
                                                  of Birth<font color="#FF0000">* 
                                                  </font></td>
                                                <td> <select name="briDate" id="briDate" class="txt_search_c04"  
                                                  <!--SVLT.VAR:disabled-->
                                                  /> <option value="00">date</option> 
                                                  <!--SVLT.LOOP:day--><option value="<!--SVLT.VAR:value-->"  
                                                  <!--SVLT.VAR:select-->
                                                  /> 
                                                  <!--SVLT.VAR:name--></option> 
                                                  <!--SVLT.END:day--></select> <select name="briMonth" id="briMonth" class="txt_search_c04"  
                                                  <!--SVLT.VAR:disabled-->
                                                  /> <option value="00">Month</option> 
                                                  <!--SVLT.LOOP:month--><option value="<!--SVLT.VAR:value-->"  
                                                  <!--SVLT.VAR:select-->
                                                  /> 
                                                  <!--SVLT.VAR:name--></option> 
                                                  <!--SVLT.END:month--></select> <select name="briYear" id="briYear" class="txt_search_c04"  
                                                  <!--SVLT.VAR:disabled-->
                                                  /> <option value="00">year</option> 
                                                  <!--SVLT.LOOP:year--><option value="<!--SVLT.VAR:value-->"  
                                                  <!--SVLT.VAR:select-->
                                                  /> 
                                                  <!--SVLT.VAR:name--></option> 
                                                  <!--SVLT.END:year--></select> 
                                                </td>
                                              </tr>
                                            </table></td>
                                        </tr>
                                      </table>
                                      <br> <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td colspan="4" align="left" class="head"><span class="textnormal_bold"> 
                                            (For members of 'Happy Bank' and 'VAS 
                                            UP', the personal information entered 
                                            here shall be recorded as the same 
                                            entry in both 'Happy Bank' and 'VAS 
                                            UP' database.) </span><font color="#FF0000">&nbsp; 
                                            </font></td>
                                        </tr>
                                        <tr> 
                                          <td width="20%" align="left" class="head"><span class="textnormal_bold">Select 
                                            Card Type</span> <font color="#FF0000">*</font> 
                                          </td>
                                          <td width="26%" class="textnormal"> <select name="cardType" id="cardType"  class="txt_search_c04"  
                                            <!--SVLT.VAR:disabled-->
                                            /> <option value="00">Select Card 
                                            Type </option> 
                                            <!--SVLT.LOOP:cardType--><option value="<!--SVLT.VAR:value-->"  
                                            <!--SVLT.VAR:select-->
                                            /> 
                                            <!--SVLT.VAR:name--></option>
                                            <!--SVLT.END:cardType--></select> 
                                          </td>
                                          <td colspan="2" class="head"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                              <tr> 
                                                <td align="left" class="head"> <input name="numbCard" type="text" id="numbCard" value="<!--SVLT.VAR:numbCard-->"  class="txt_search_c04" size="25" autocomplete="off"
                                                  <!--SVLT.VAR:readonly-->
                                                  /> </td>
                                              </tr>
                                            </table></td>
                                        </tr>
                                      </table>
                                      <br> <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="15%" align="left" class="textnormal_bold">Street 
                                            No. <font color="#FF0000">* </font></td>
                                          <td width="26%"> <input name="addrNumb" type="text" id="addrNumb" value="<!--SVLT.VAR:addrNumb-->" maxlength="12"  class="txt_search_c04" size="25"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                          <td width="16%" class="textnormal_bold">Moo</td>
                                          <td width="47%"> <input name="addrMoo" type="text" id="addrMoo" value="<!--SVLT.VAR:addrMoo-->" maxlength="5" class="txt_search_c04" size="25"  
                                            <!--SVLT.VAR:readonly--> onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td width="15%" align="left" class="textnormal_bold">Soi 
                                          </td>
                                          <td> <input name="addrSoi" type="text" id="addrSoi" value="<!--SVLT.VAR:addrSoi-->"class="txt_search_c04" size="25"  maxlength="30"
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                          <td class="textnormal_bold"> Building</td>
                                          <td> <input name="addrVlgNumb" type="text"  id="addrVlgNumb" value="<!--SVLT.VAR:addrVlgNumb-->" maxlength="30" class="txt_search_c04" size="25"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td width="15%" align="left" class="textnormal_bold">Road 
                                            <font color="#FF0000">*</font></td>
                                          <td> <input name="addrRd" type="text" id="addrRd" value="<!--SVLT.VAR:addrRd-->"maxlength="32" class="txt_search_c04" size="25"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                          <td class="textnormal_bold">Sub-District 
                                            <font color="#FF0000">* </font></td>
                                          <td> <input name="addrKwng" type="text" value="<!--SVLT.VAR:addrKwng-->" maxlength="19"  class="txt_search_c04" size="25"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td width="15%" align="left" class="textnormal_bold">District 
                                            <font color="#FF0000">* </font></td>
                                          <td> <input name="inputDistrict" type="text" id="inputDistrict" value="<!--SVLT.VAR:addrKhet-->" maxlength="200" class="txt_search_c04" size="25"  readonly /> 
                                            <input name="inputSeqn" type="hidden" id="inputSeqn" /> 
                                            <input name="inputCountryCode" type="hidden"  /> 
                                          </td>
                                          <td class="textnormal_bold">&nbsp;</td>
                                          <td>&nbsp;</td>
                                        </tr>
                                      </table>
                                      <font color="#FF0000" class="textnormalred"><br>
                                      Select your province from drop down list, 
                                      the system will automatically match its 
                                      postal code.</font><br> <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="15%" align="left" class="textnormal_bold">Province 
                                            <font color="#FF0000">* </font></td>
                                          <td width="26%"> <select name="inputProvince" id="inputProvince"   onChange="getZipCode()" class="txt_search_c04"  
                                            <!--SVLT.VAR:disabled-->
                                            /> <option value="00"> select Province 
                                            </option> 
                                            <!--SVLT.LOOP:addrPvnc--><option value="<!--SVLT.VAR:value-->"  
                                            <!--SVLT.VAR:select-->
                                            /> 
                                            <!--SVLT.VAR:name--></option>
                                            <!--SVLT.END:addrPvnc--></select> 
                                          </td>
                                          <td width="16%" class="textnormal_bold">Postal 
                                            Code <font color="#FF0000">*</font></td>
                                          <td width="47%"> <input name="inputZipCode" type="text"  value="<!--SVLT.VAR:addrPscd-->" maxlength="15"  class="txt_search_c04" size="25" readonly /> 
                                          </td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="155" class="textnormal_bold">Other 
                                            Contact Number</td>
                                          <td> <input onKeyUp = "setFocusOtherPhoe(0)" name="othNumb" type="text" id="othNumb"  style="text-align: center;" value="<!--SVLT.VAR:othNumb0-->" size="1" maxlength="1" class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> - <input onKeyUp = "setFocusOtherPhoe(1)" name="othNumb" type="text" id="othNumb" style="text-align: center;" value="<!--SVLT.VAR:othNumb1-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> <input onKeyUp = "setFocusOtherPhoe(2)" name="othNumb" type="text" id="othNumb" style="text-align: center;" value="<!--SVLT.VAR:othNumb2-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> <input onKeyUp = "setFocusOtherPhoe(3)" name="othNumb" type="text" id="othNumb" style="text-align: center;" value="<!--SVLT.VAR:othNumb3-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> <input onKeyUp = "setFocusOtherPhoe(4)" name="othNumb" type="text" id="othNumb" style="text-align: center;" value="<!--SVLT.VAR:othNumb4-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> - <input onKeyUp = "setFocusOtherPhoe(5)" name="othNumb" type="text" id="othNumb" style="text-align: center;" value="<!--SVLT.VAR:othNumb5-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> <input onKeyUp = "setFocusOtherPhoe(6)" name="othNumb" type="text" id="othNumb" style="text-align: center;" value="<!--SVLT.VAR:othNumb6-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> <input onKeyUp = "setFocusOtherPhoe(7)" name="othNumb" type="text" id="othNumb" style="text-align: center;" value="<!--SVLT.VAR:othNumb7-->" size="1" maxlength="1"  class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> <input onKeyUp = "setFocusOtherPhoe(8)" name="othNumb" type="text" id="othNumb"  style="text-align: center;" value="<!--SVLT.VAR:othNumb8-->" size="1" maxlength="1" class="txt_search_c04" autocomplete="off" onkeyup='checkTextNumber(this);' onblur='checkTextNumber(this);'
                                            <!--SVLT.VAR:readonly-->
                                            /> </td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="7%" class="textnormal_bold">E-mail</td>
                                          <td width="93%"> <input name="email" type="text" id="email" value="<!--SVLT.VAR:email-->" size="30" maxlength="30"  class="txt_search_c04" autocomplete="off"
                                            <!--SVLT.VAR:readonly--> onkeyup='checkTextEmail(this);' onblur='checkTextEmail(this);'
                                            /> </td>
                                        </tr>
                                      </table>
                                      <br> <span class="textnormal"><strong>What 
                                      introduced you to Happy Savings? (Can choose 
                                      more than 1 answer.)</strong></span><br> 
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="33%" class="textnormal"> <input name="cbxCpgnSrc" type="checkbox"  value="01"  
                                            <!--SVLT.VAR:cpgnSrc01-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Booths</td>
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="02"  
                                            <!--SVLT.VAR:cpgnSrc02-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Radio</td>
                                          <td width="33%" class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="03"  
                                            <!--SVLT.VAR:cpgnSrc03-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Television</td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="04"  
                                            <!--SVLT.VAR:cpgnSrc04-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Internet</td>
                                          <td class="textnormal"> <input name="cbxCpgnSrc" type="checkbox"  value="05"  
                                            <!--SVLT.VAR:cpgnSrc05-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Happy Website </td>
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="06"  
                                            <!--SVLT.VAR:cpgnSrc06-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Newspaper</td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="07"  
                                            <!--SVLT.VAR:cpgnSrc07-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Staff/ dtac shop</td>
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="08"  
                                            <!--SVLT.VAR:cpgnSrc08-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Billboard</td>
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="09"  
                                            <!--SVLT.VAR:cpgnSrc09-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Friends</td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="10"  
                                            <!--SVLT.VAR:cpgnSrc10-->
                                            <!--SVLT.VAR:disabled-->
                                            /> SMS</td>
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="11"  
                                            <!--SVLT.VAR:cpgnSrc11-->
                                            <!--SVLT.VAR:disabled-->
                                            /> IVR</td>
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="12"  
                                            <!--SVLT.VAR:cpgnSrc12-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Chailai Leaflet</td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"> <input name="cbxCpgnSrc" type="checkbox"  value="13"  
                                            <!--SVLT.VAR:cpgnSrc13-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Hae Ha SIM</td>
                                          <td class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="14"  
                                            <!--SVLT.VAR:cpgnSrc14-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Refill Card</td>
                                          <td class="textnormal">&nbsp;</td>
                                        </tr>
                                        <tr> 
                                          <td colspan="3" class="textnormal"> <input type="checkbox" name="cbxCpgnSrc" value="00"  onClick="setFocusClear(document.form.cbxCpgnSrc,document.form.txtCpgnSrc)"  
                                            <!--SVLT.VAR:cpgnSrc00-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Others please identify <input name="txtCpgnSrc" type="text" onFocus="setCheck(document.form.cbxCpgnSrc,14)"  value="<!--SVLT.VAR:txtCpgnSrc-->" class="txt_search_c04"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                      </table>
                                      <br> <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="37%" colspan="2" align="left" class="textnormal"><strong>Status</strong> <input name="rdMtrlStts" type="radio" value="Single"  
                                            <!--SVLT.VAR:mtrlSttsSingle-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Single <input name="rdMtrlStts" type="radio" value="Marry"  
                                            <!--SVLT.VAR:mtrlSttsMarry-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Married <input name="rdMtrlStts" type="radio" value="Divorce"  
                                            <!--SVLT.VAR:mtrlSttsDivorce-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Divorced</td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="9%" valign="top" class="textnormal_bold">Occupation</td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="33%" class="textnormal"><input name="rdOccp" type="radio" value="01" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp01-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Secondary School Student</td>
                                          <td class="textnormal"><input name="rdOccp" type="radio" value="02" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp02-->
                                            <!--SVLT.VAR:disabled-->
                                            /> High School Student</td>
                                          <td width="33%" class="textnormal"><input name="rdOccp" type="radio" value="03" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp03-->
                                            <!--SVLT.VAR:disabled-->
                                            /> College student </td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"><input name="rdOccp" type="radio" value="04" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp04-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Employee</td>
                                          <td class="textnormal"><input name="rdOccp" type="radio" value="05" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp05-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Housewife</td>
                                          <td class="textnormal"><input name="rdOccp" type="radio" value="06" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp06-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Retired</td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"><input name="rdOccp" type="radio" value="07" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp07-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Government Officer</td>
                                          <td class="textnormal"><input name="rdOccp" type="radio" value="08" onClick="setrdOccp('clear')"  
                                            <!--SVLT.VAR:occp08-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Freelancer</td>
                                          <td class="textnormal">&nbsp;</td>
                                        </tr>
                                        <tr> 
                                          <td colspan="2" class="textnormal"> <input name="rdOccp" type="radio" value="00"  onClick="setFocusClear(document.form.rdOccp,document.form.txtOccp)"  
                                            <!--SVLT.VAR:occp00-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Others please identify <input name="txtOccp" type="text" id="txtOccp"  onFocus="setCheck(document.form.rdOccp,8)" value="<!--SVLT.VAR:txtOccp-->" maxlength="15"   class="txt_search_c04" size="25"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                          <td class="textnormal">&nbsp;</td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="9%" height="25" valign="middle" class="textnormal_bold">Fields 
                                            of Business</td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="42%" class="textnormal"> <input name="rdInds" type="radio" value="01" onClick="setrdInds('clear')"  
                                            <!--SVLT.VAR:inds01-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Accounting / Financing / Banking</td>
                                          <td width="25%" class="textnormal"><input name="rdInds" type="radio" value="02" onClick="setrdInds('clear')"  
                                            <!--SVLT.VAR:inds02-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Factory</td>
                                          <td width="33%" class="textnormal"><input name="rdInds" type="radio" value="03" onClick="setrdInds('clear')"  
                                            <!--SVLT.VAR:inds03-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Contractor</td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"><input name="rdInds" type="radio" value="04" onClick="setrdInds('clear')"  
                                            <!--SVLT.VAR:inds04-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Administration / Procurement / 
                                            Secretary</td>
                                          <td class="textnormal"><input name="rdInds" type="radio" value="05" onClick="setrdInds('clear')"  
                                            <!--SVLT.VAR:inds05-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Sales </td>
                                          <td class="textnormal"><input name="rdInds" type="radio" value="06" onClick="setrdInds('clear')"  
                                            <!--SVLT.VAR:inds06-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Nurse</td>
                                        </tr>
                                        <tr> 
                                          <td class="textnormal"><input name="rdInds" type="radio" value="07" onClick="setrdInds('clear')"  
                                            <!--SVLT.VAR:inds07-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Teacher / Professor</td>
                                          <td colspan="2" class="textnormal"> <input name="rdInds" type="radio" value="00" onClick="setFocusClear(document.form.rdInds,document.form.txtInds)"  
                                            <!--SVLT.VAR:inds00-->
                                            <!--SVLT.VAR:disabled-->
                                            /> Others please identify <input name="txtInds" type="text" id="txtInds" onFocus="setCheck(document.form.rdInds,7)"  value="<!--SVLT.VAR:txtInds-->" maxlength="15" class="txt_search_c04" size="25"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellspacing="2" cellpadding="2">
                                        <tr> 
                                          <td width="36%" align="left" class="textnormal_bold">Favorite 
                                            Magazine</td>
                                          <td width="64%"> <input name="favMaxz" type="text" id="favMaxz" value="<!--SVLT.VAR:favMaxz-->" class="txt_search_c04"  size="50" maxlength="200"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td align="left" class="textnormal_bold">Favorite 
                                            Restaurant</td>
                                          <td><input name="favRstn" type="text" id="favRstn" value="<!--SVLT.VAR:favRstn-->"  class="txt_search_c04"  size="50" maxlength="200"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td align="left" class="textnormal_bold">Shopping 
                                            Place</td>
                                          <td><input name="favShpar" type="text" id="favShpar" value="<!--SVLT.VAR:favShpar-->" class="txt_search_c04"  size="50" maxlength="200"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td align="left" class="textnormal_bold">Favorite 
                                            Radio Channel</td>
                                          <td><input name="favRdoSttn" type="text" id="favRdoSttn" value="<!--SVLT.VAR:favRdoSttn-->"  class="txt_search_c04" size="50" maxlength="200"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td align="left" class="textnormal_bold">Favorite 
                                            TV Program</td>
                                          <td><input name="favTvShw" type="text" id="favTvShw" value="<!--SVLT.VAR:favTvShw-->" class="txt_search_c04" size="50" maxlength="200"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td align="left" class="textnormal_bold">Favorite 
                                            Artist</td>
                                          <td><input name="favStr" type="text" id="favStr" value="<!--SVLT.VAR:favStr-->" class="txt_search_c04"  size="50" maxlength="200"  
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td align="left" class="textnormal_bold">Hobbies</td>
                                          <td><input name="favHbby" type="text" id="favHbby" value="<!--SVLT.VAR:favHbby-->"  class="txt_search_c04"  size="50" maxlength="200"   
                                            <!--SVLT.VAR:readonly--> 
                                            /> </td>
                                        </tr>
                                        <tr> 
                                          <td colspan="2" align="left" class="textnormal_bold">Would 
                                            you like to receive Happy Bank Book?&nbsp; <input name="rdBkStts" type="radio" value="Y"  
                                            <!--SVLT.VAR:bkSttsYes-->
                                            <!--SVLT.VAR:disabled-->
                                            /> <span class="textnormal">Yes</span> <input name="rdBkStts" type="radio" value="N"   
                                            <!--SVLT.VAR:bkSttsNo-->
                                            <!--SVLT.VAR:disabled-->
                                            /> <span class="textnormal">No</span></td>
                                        </tr>
                                      </table>
                                      <p>&nbsp;</p>
                                      <table width="250" border="0" align="center" cellpadding="5" cellspacing="0">
                                        <tr align="center" valign="top"> 
                                          <td><a href="javascript:accecptReg()"><img src="${RESOURCE}/eng/images/14_webservice_submit.gif" width="58" height="23" border="0"></a></td>
                                          <td><a href="JavaScript:cancel()"><img src="${RESOURCE}/eng/images/14_webservice_cancel.gif" width="58" height="23" border="0"></a></td>
                                        </tr>
                                      </table>
                                      <p>&nbsp;</p></td>
                                  </tr>
                                  <tr> 
                                    <td> </td>
                                  </tr>
                                  <!--SVLT.VAR:CONF_BOTTOM-->
                                </table> 
							  </form>
                        
                        </td>
                 	</tr>
              	</table>                
                <!--เนื้อหาสิ้นสุดที่นี่-->
                
            </div>
            <div class="content-bottom"></div>
        </div>
    </div>
</div>
<div id="footer">
<img src="${RESOURCE}/eng/images/copy_right.jpg" />
<a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/eng/images/dtact_logo.jpg" border="0" /></a>
<a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/eng/images/virus_icon.jpg" border="0" /></a>
</div>
</body>
</html>
